<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Sign up</title>

    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/bootstrap-theme.css" rel="stylesheet">
    <link href="assets/css/iconmoon.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet">
    <link href="plugin.css" rel="stylesheet">
	<link href="assets/css/menu.css" rel="stylesheet">
    <link href="assets/css/responsive.css" rel="stylesheet">
	<link href="assets/css/themetypo.css" rel="stylesheet">
    <link href="assets/css/color.css" rel="stylesheet">
    <link href="assets/css/widget.css" rel="stylesheet">
    <link href="assets/css/responsive.css" rel="stylesheet">
   <!-- <link href="assets/css/rtl.css" rel="stylesheet">  -->
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <!-- <link href="assets/css/rtl.css" rel="stylesheet"> Uncomment it if needed! -->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="wrapper">
    <!-- Header -->
  <header id="main-header">
    <div class="container">
    <div class="main-head">
      <div class="left-side">
        <div class="logo"><a href="index.html"><img src="assets/images/logo.png" alt=""></a></div>
        <nav class="navigation">
          <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="#">Discover</a>
              <ul class="sub-dropdown">
                <li><a href="listing-grid.html">Grid View</a></li>
                <li><a href="listing.html">List view</a></li>
                <li><a href="detail.html">Detail Page</a></li>
              </ul>
            </li>
            <li><a href="creators.html">Creators</a></li>
            <li><a href="supporters.html">Supporters</a></li>
            <li><a href="#">Pages</a>
              <ul class="sub-dropdown">
                <li><a href="about.html">About us</a></li>
                <li><a href="faq.html">FAQ’s</a></li>
                <li><a href="contect.html">Contect</a></li>
                <li><a href="sign.html">Create an Account</a></li>
                <li><a href="sign.html">Sign In</a></li>
                <li><a href="404.html">404 Page</a></li>
                <li><a href="under.html">under-construction</a></li>
                <li><a href="terms.html">Terms &amp; Conditions</a></li>
                <li><a href="pricing.html">Price &amp; Packges</a></li>
                <li><a href="services.html">Services</a></li>
                <li><a href="site-map.html">Site Map</a></li>
                <li><a href="result.html">Result</a></li>
                <li><a href="donate.html">Donate</a></li>
                <li><a href="user-detail2.html">user detail2</a></li>
              </ul>
            </li>
            <li>
				<a href="#">News</a>
				<ul class="sub-dropdown">
					<li><a href="bloglrag.html">News Listing</a></li>
					<li><a href="blogmedium.html">News Medium</a></li>
					<li><a href="blogdetail.html">News Detail</a></li>
				</ul>
			</li>
          </ul>
        </nav>
      </div>
      <div class="right-side">
        <div class="cs-search-block">
          <form>
            <input type="text" id="s" name="s" value="Search Project" onfocus="if(this.value =='Search Project') { this.value = ''; }" onblur="if(this.value == '') { this.value ='Search Project'; }" class="form-control">
            <label>
              <input type="submit" value="Search">
            </label>
          </form>
        </div>
        <div class="profile-view">
          <ul>
            <li>
              <img alt="#" src="assets/extra-images/user-img.jpg">
              <i class="icon-arrow-down8"></i>
              <div class="dropdown-area">
                <h5>Mark Benson</h5>
                <span>Member Since May 20, 2014</span>
                <ul class="dropdown">
                  <li><a href="causes.html"><i class="icon-flag5"></i>My Causes</a></li>
                  <li><a href="saved.html"><i class="icon-file-text-o"></i>Saved Causes</a></li>
                  <li><a href="my-donation.html"><i class="icon-file-text-o"></i>My Donations</a></li>
                  <li><a href="donation.html"><i class="icon-ticket6"></i>Donations</a></li>
                  <li><a href="profilesetting.html"><i class="icon-pie2"></i>Profile Settings</a></li>
                  <li><a href="create-new-cause.html"><i class="icon-plus6"></i>Create New</a></li>
                </ul>
                <a class="sign-btn" href="#"><i class="icon-logout"></i>Sign Out</a>
              </div>
            </li>
          </ul>
        </div> 
        <a href="sign.html" class="free-btn">Start for Free</a> </div>
    </div>
    <div class="mob-nav"></div>
    </div>
  </header>
  <!-- Header -->
	<div style="background:url(assets/images/bg-signup.jpg) no-repeat; background-size:100% auto; min-height:157px!important;" class="breadcrumb-sec">
		<div class="absolute-sec">
			<div class="container">
				<div class="cs-table">
					<div class="cs-tablerow">
						<div class="pageinfo page-title-align-center">
							<h1 style="color:#fff !important; text-transform:none; text-align:center;">Signin or Register</h1>
							<strong class="title" style="text-align:center; display:block; color:#fff; font-weight:normal;">People just like you have used Razoo to create more than 90,000 fundraising websites.</strong>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
        <!-- Main Start -->
        <div id="main">
            <section class="page-section">
               <div class="container">
                <div class="row">
					<div class="section-fullwidth">
					  <div class="cs-content-holder">
						  <div class="row">
						  <div class="col-lg-12">
							<div class="user-signup">
							  <!-- Nav tabs -->
								  <ul class="nav nav-tabs" role="tablist">
									<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Sign in</a></li>
									<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Register</a></li>
								  </ul>
		
								  <!-- Tab panes -->
								  <div class="tab-content">
									<div role="tabpanel" class="tab-pane active" id="home">
									  <div class="sign-form">
										<div class="row">
											<div class="col-lg-6 col-md-6 col-sm-6">
											 <form class="signup-form">
												<ul class="row">
												  <li class="col-lg-6 col-md-6 col-sm-6">
													<label>User name</label>
													<input type="text" placeholder="">
												  </li>
												  <li class="col-lg-6 col-md-6 col-sm-6">
													<label>password</label>
													<input type="password" placeholder="">
												  </li>
												  <li class="col-lg-12">
													<a href="#"><i class="icon-question-circle"></i>Forgot password?</a>
												  </li>
												  <li class="col-lg-12">
													<input class="cs-bgcolor" type="submit" value="Sign in">
												  </li>
												</ul>
											 </form>
											</div>
											<div class="col-lg-6 col-md-6 col-sm-6">
											 <div class="social-network">
												<div class="row">
												 <div class="col-lg-12">
												 <h3>Signup with your Social Networks</h3></div>
												 <ul class="row">
													<li class="col-lg-12">
													<a href="https://www.facebook.com/" data-original-title="facebook">
													<i class="icon-facebook-square"></i>
													  Sign in With Facebook
													</a>
													</li>
													<li class="col-lg-12">
													<a href="https://twitter.com" data-original-title="Twitter">
													<i class="icon-twitter2"></i>
													Sign in With Twitter
													</a>
													</li>
													<li class="col-lg-12">
													  <a href="https://accounts.google.com" data-original-title="Google">
													  <i class="icon-google-plus"></i>
													  Sign in with Google Plus
													  </a>
													</li>
												 </ul>
											   </div>
											 </div>
											</div>
										</div>
									  </div>
									</div>
									<div role="tabpanel" class="tab-pane" id="profile">
									  <div class="sign-form">
										<div class="row">
											<div class="col-lg-6 col-md-6 col-sm-6">
											 <form class="signup-form">
												<ul class="row">
												  <li class="col-lg-6 col-md-6 col-sm-6">
													<label>User name</label>
													<input type="text" placeholder="">
												  </li>
												  <li class="col-lg-6 col-md-6 col-sm-6">
													<label>Email Address</label>
													<input type="text" placeholder="">
												  </li>
												  <li class="col-lg-6 col-md-6 col-sm-6">
													<label>First Name</label>
													<input type="text" placeholder="">
												  </li>
												  <li class="col-lg-6 col-md-6 col-sm-6">
													<label>Last name <span>(Optional)</span></label>
													<input type="text" placeholder="">
												  </li>
												   <li class="col-lg-12">
													<label>Phone number <span>(Optional)</span></label>
													<input type="text" placeholder="">
												  </li>
												  <li class="col-lg-12">
													<input class="cs-bgcolor" type="submit" value="Create Account">
												  </li>
												</ul>
											 </form>
											</div>
											<div class="col-lg-6 col-md-6 col-sm-6">
											 <div class="social-network">
												<div class="row">
												 <div class="col-lg-12"><h3>Sign in with your Social Networks</h3></div>
												 <ul class="row">
													<li class="col-lg-12">
													<a href="#" data-original-title="facebook">
													<i class="icon-facebook-square"></i>
													  Sign in With Facebook
													</a>
													</li>
													<li class="col-lg-12">
													<a href="#" data-original-title="Twitter">
													<i class="icon-twitter2"></i>
													Sign in With Twitter
													</a>
													</li>
													<li class="col-lg-12">
													  <a href="#" data-original-title="Google">
													  <i class="icon-google-plus"></i>
													  Sign in with Google Plus
													  </a>
													</li>
												 </ul>
											   </div>
											 </div>
											</div>
										</div>
									  </div>
									</div>
								  </div>
								</div>
							</div>
						  </div>
					  </div>
					</div>
                  </div>
                </div>
            </section>
        </div>
        <!-- Main End -->
        <!--// Footer Widget //-->
	<!--// Footer Widget //-->
	<footer id="footer-sec">
		<div class="container">
			<div class="row">
				<div class="ads-sec col-lg-12"> <img src="assets/images/ads.jpg" alt="" > </div>
				<div class="col-lg-12">
					<div class="tweet-sec">
						<p><i class="twitter-icon icon-twitter2"></i> Thing anyone did today was get ready for #Scandal <a href="#">http://t.co/UfiNiBLWlZ http://t.co/Fvggnf320f</a> <span class="by">Boxtheme</span> <span class="time">10 hours ago</span></p>
					</div>
				</div>
				<aside class="col-lg-4 col-md-4 col-sm-6 widget widget_categories">
					<div class="widget-section-title"> <strong class="title">Campaigning</strong> </div>
					<ul>
						<li><a href="#">Contributing</a></li>
						<li><a href="#">Publishing</a></li>
						<li><a href="#">Explore Partner Pages</a></li>
						<li><a href="#">Music</a></li>
						<li><a href="#">Daily Inspiration</a></li>
						<li><a href="#">Film and Theatre</a></li>
						<li><a href="#">Sign Up Now</a></li>
						<li><a href="#">Food and Drink</a></li>
						<li><a href="#">Private, secure, spam-free</a></li>
						<li><a href="#">Sports</a></li>
						<li><a href="#">School</a></li>
					</ul>
				</aside>
				<aside class="widget col-lg-4 col-md-4 col-sm-6 widget_categories">
					<div class="widget-section-title"> <strong class="title">Contributing</strong> </div>
					<ul>
						<li><a href="#">Crowdfunder API - Beta</a>
						<li><a href="#">How crowdfunding works</a></li>
						<li><a href="#">About</a></li>
						<li><a href="#">Creating a project</a></li>
						<li><a href="#">Guides</a></li>
						<li><a href="#">Supporting a project</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Guidelines</a></li>
						<li><a href="#">Contact</a></li>
						<li><a href="#">Jobs</a></li>
						<li><a href="#">Partners</a></li>
					</ul>
				</aside>
				<aside class="widget col-lg-4 col-md-4 col-sm-6 widget_newsletter">
					<div class="widget-section-title"> <strong class="title">Weekly Newsletter</strong> </div>
					<form>
						<fieldset>
							<input type="submit" value="Submit" name="submit" class="cs-btn">
							<input class="email" type="email" placeholder="Your Email Address">
						</fieldset>
						<span>Private, secure, spam-free</span>
					</form>
				</aside>
			</div>
		</div>
	</footer>
	<!--// Footer Widget //--> 
	
	<!--// CopyRight //-->
	<div id="copyright">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 col-md-6 col-sm-6">
					<div class="footer_icon"><a href="#"><img src="assets/images/footer-logo.png" alt=""></a></div>
					<div class="fnav-area">
						<nav class="footer-nav">
							<ul>
								<li><a href="#">Home</a></li>
								<li><a href="#">Categories</a></li>
								<li><a href="#">Showrooms</a></li>
								<li><a href="#">Agents</a></li>
								<li><a href="#">Blog</a></li>
								<li><a href="#">Contact us</a></li>
							</ul>
						</nav>
						<p>©2014 Box Theme All rights reserved. Design by <a href="http://www.jqueryfuns.com">Chimp Studio</a></p>
					</div>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6">
					<div class="social-media">
						<ul>
							<li><a href="#"><i class="icon-facebook7"></i></a></li>
							<li><a href="#"><i class="icon-twitter6"></i></a></li>
							<li><a href="#"><i class="icon-googleplus7"></i></a></li>
							<li><a href="#"><i class="icon-instagram4"></i></a></li>
							<li><a href="#"><i class="icon-youtube-play"></i></a></li>
							<li><a href="#"><i class="icon-skype"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--// CopyRight //-->
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
    <script src="assets/scripts/bootstrap.min.js"></script>
    <script src="assets/scripts/menu.js"></script>
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <!-- Put all Functions in functions.js -->
    <script src="assets/scripts/functions.js"></script>
  </body>
</html>